<template>
    <div class="home">
        <h2>用户登录</h2>
        <form>
            <!-- 第一行 -->
            <p>
                <tr>
                    <td>账号：</td>
                    <td><input type="text" v-model="account"></td>
                </tr>
            </p>
            <!-- 第二行 -->
            <p>
                <tr>
                    <td>密码：</td>
                    <td><input type="password" v-model="password"></td>
                </tr>
            </p>
            <!-- 第三行 -->
            <p>
                <tr>
                    <td>
                        <button type="button" @click="log()">登录</button>
                    </td>
                    <td>
                        <input type="reset" value="重新填写" @click="init">
                    </td>
                </tr>
            </p>
        </form>
    </div>
</template>

<script setup lang="ts" name="Home">
import { useRouter } from 'vue-router';
//数据
let account:string;
let password:string;

const router = useRouter();
//方法
function log(){
    if(account=="admin"&&password=="12345")
        router.push('/student');
    else
        alert("账号或密码错误");
}
function init(){
    account="";
    password="";
}
</script>

<style></style>